<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>Blank Page - Ace Admin</title>

		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="ace/assets/css/bootstrap.css" />
		<link rel="stylesheet" href="ace/assets/css/font-awesome.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="ace/assets/css/ace-fonts.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="ace/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="ace/assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->

		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="ace/assets/css/ace-ie.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="ace/assets/js/ace-extra.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="ace/assets/js/html5shiv.js"></script>
		<script src="ace/assets/js/respond.js"></script>
		<![endif]-->
	</head>

	<body class="no-skin">
		<!-- #section:basics/navbar.layout -->
		<div id="navbar" class="navbar navbar-default">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">

				<!-- /section:basics/sidebar.mobile.toggle -->
				<div class="navbar-header pull-left">
					<!-- #section:basics/navbar.layout.brand -->
					<a href="#" class="navbar-brand">
						<small>
							<i class="fa fa-leaf"></i>
							Ace Admin
						</small>
					</a>

					<!-- /section:basics/navbar.layout.brand -->

					<!-- #section:basics/navbar.toggle -->

					<!-- /section:basics/navbar.toggle -->
				</div>


				<!-- /section:basics/navbar.dropdown -->
			</div><!-- /.navbar-container -->
		</div>

		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>


			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="main-content-inner">


					<!-- /section:basics/content.breadcrumbs -->
					<div class="page-content">
						<!-- #section:settings.box -->
						<div class="ace-settings-container" id="ace-settings-container">
							<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
								<i class="ace-icon fa fa-cog bigger-130"></i>
							</div>
						</div><!-- /.ace-settings-container -->

						<!-- /section:settings.box -->
						<div class="row">
							<div class="col-xs-2">
								<!-- PAGE CONTENT BEGINS -->

								<!-- PAGE CONTENT ENDS -->
							</div>
							<div class="col-xs-4">
							
							
							
								<p>
    &bull; Making interactive stuff is easy.<br>
    &bull; This page is loaded from <a href="form.txt" target="_empty">form.txt</a><br>
    &bull; Access jquery-confirm's DOM via <code>this.$b</code>, you can then use <a target="_empty" href="https://api.jquery.com/category/traversing/">jQuery traversing methods</a> to get what you need.
</p>

<ul class="list-unstyled spaced1">
                          <li> <i class="ace-icon fa fa-bell-o bigger-110 purple"></i> 树结构，有一个默认的根节点。创建的树状结构，从此根节点开始。增加节点，只能从父节点开始。 </li>
                          <li> <i class="ace-icon fa fa-check bigger-110 green"></i> 父节点意味着可以有叶节点，而叶节点不会再有节点。</li>
                          <li> <i class="ace-icon fa fa-times bigger-110 red"></i> 如果创建了父节点，想要变成叶节点，删除重新创建即可。 </li>
                        </ul>

<div class="form-group">
    <label>Your name</label>
    <input autofocus type="text" id="input-name" placeholder="Lets greet Ourselves." class="form-control">
</div>

<div class="form-group">
										<label class="col-sm-3 control-label no-padding-right" for="form-field-1"> Text Field </label>

										<div class="col-xs-4">
    <input type="text" class="form-control" placeholder=".col-xs-2">
  </div>
									</div>
									
									


<p class="text-danger" style="display:none">The modal is prevented to close until the input is valid!</p>



							</div>
							
							<div class="col-xs-2">
								<!-- PAGE CONTENT BEGINS -->

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">Ace</span>
							Application &copy; 2013-2014
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script type="text/javascript">
			window.jQuery || document.write("<script src='ace/assets/js/jquery.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='ace/assets/js/jquery1x.js'>"+"<"+"/script>");
</script>
<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='ace/assets/js/jquery.mobile.custom.js'>"+"<"+"/script>");
		</script>
		<script src="ace/assets/js/bootstrap.js"></script>

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
		<script src="ace/assets/js/ace/elements.scroller.js"></script>
		<script src="ace/assets/js/ace/elements.colorpicker.js"></script>
		<script src="ace/assets/js/ace/elements.fileinput.js"></script>
		<script src="ace/assets/js/ace/elements.typeahead.js"></script>
		<script src="ace/assets/js/ace/elements.wysiwyg.js"></script>
		<script src="ace/assets/js/ace/elements.spinner.js"></script>
		<script src="ace/assets/js/ace/elements.treeview.js"></script>
		<script src="ace/assets/js/ace/elements.wizard.js"></script>
		<script src="ace/assets/js/ace/elements.aside.js"></script>
		<script src="ace/assets/js/ace/ace.js"></script>
		<script src="ace/assets/js/ace/ace.ajax-content.js"></script>
		<script src="ace/assets/js/ace/ace.touch-drag.js"></script>
		<script src="ace/assets/js/ace/ace.sidebar.js"></script>
		<script src="ace/assets/js/ace/ace.sidebar-scroll-1.js"></script>
		<script src="ace/assets/js/ace/ace.submenu-hover.js"></script>
		<script src="ace/assets/js/ace/ace.widget-box.js"></script>
		<script src="ace/assets/js/ace/ace.settings.js"></script>
		<script src="ace/assets/js/ace/ace.settings-rtl.js"></script>
		<script src="ace/assets/js/ace/ace.settings-skin.js"></script>
		<script src="ace/assets/js/ace/ace.widget-on-reload.js"></script>
		<script src="ace/assets/js/ace/ace.searchbox-autocomplete.js"></script>

		<!-- inline scripts related to this page -->

		<!-- the following scripts are used in demo only for onpage help and you don't need them -->
		<link rel="stylesheet" href="ace/assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="ace/docs/assets/js/themes/sunburst.css" />

		<script type="text/javascript"> ace.vars['base'] = '..'; </script>
		<script src="ace/assets/js/ace/elements.onpage-help.js"></script>
		<script src="ace/assets/js/ace/ace.onpage-help.js"></script>
		<script src="ace/docs/assets/js/rainbow.js"></script>
		<script src="ace/docs/assets/js/language/generic.js"></script>
		<script src="ace/docs/assets/js/language/html.js"></script>
		<script src="ace/docs/assets/js/language/css.js"></script>
		<script src="ace/docs/assets/js/language/javascript.js"></script>
	</body>
</html>
